/* *
 *
 *  (c) 2010-2019 Torstein Honsi
 *
 *  License: www.highcharts.com/license
 *
 *  Sand-Signika theme for Highcharts JS
 *
 *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
 *
 * */
"use strict";
/* global document */
import Highcharts from "../parts/Globals.js";
// Load the fonts
Highcharts.createElement(
  "link",
  {
    href: "https://fonts.googleapis.com/css?family=Signika:400,700",
    rel: "stylesheet",
    type: "text/css",
  },
  null,
  document.getElementsByTagName("head")[0]
);
// Add the background image to the container
Highcharts.addEvent(Highcharts.Chart, "afterGetContainer", function () {
  // eslint-disable-next-line no-invalid-this
  this.container.style.background =
    "url(https://www.highcharts.com/samples/graphics/sand.png)";
});
Highcharts.theme = {
  colors: [
    "#f45b5b",
    "#8085e9",
    "#8d4654",
    "#7798BF",
    "#aaeeee",
    "#ff0066",
    "#eeaaee",
    "#55BF3B",
    "#DF5353",
    "#7798BF",
    "#aaeeee",
  ],
  chart: {
    backgroundColor: null,
    style: {
      fontFamily: "Signika, serif",
    },
  },
  title: {
    style: {
      color: "black",
      fontSize: "16px",
      fontWeight: "bold",
    },
  },
  subtitle: {
    style: {
      color: "black",
    },
  },
  tooltip: {
    borderWidth: 0,
  },
  labels: {
    style: {
      color: "#6e6e70",
    },
  },
  legend: {
    backgroundColor: "#E0E0E8",
    itemStyle: {
      fontWeight: "bold",
      fontSize: "13px",
    },
  },
  xAxis: {
    labels: {
      style: {
        color: "#6e6e70",
      },
    },
  },
  yAxis: {
    labels: {
      style: {
        color: "#6e6e70",
      },
    },
  },
  plotOptions: {
    series: {
      shadow: true,
    },
    candlestick: {
      lineColor: "#404048",
    },
    map: {
      shadow: false,
    },
  },
  // Highstock specific
  navigator: {
    xAxis: {
      gridLineColor: "#D0D0D8",
    },
  },
  rangeSelector: {
    buttonTheme: {
      fill: "white",
      stroke: "#C0C0C8",
      "stroke-width": 1,
      states: {
        select: {
          fill: "#D0D0D8",
        },
      },
    },
  },
  scrollbar: {
    trackBorderColor: "#C0C0C8",
  },
};
// Apply the theme
Highcharts.setOptions(Highcharts.theme);
